<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文字设置</title>
		<style type="text/css">
			#box{
				width: 400px;
				height: 1500px;
				background-color: gray
			}
			.p1{
				text-align: center;
				color: white;
				font-size: 50px;
				text-shadow: 0px 1px 0 red;
			}
			.p2{
				text-align: center;
				color: white;
				font-size: 50px;
				text-shadow: 1px 1px 1px  red;
			}
			.p3{
				text-align: center;
				color: white;
				font-size: 50px;
				text-shadow: 0 0 50px red;
			}
			.p4{
				text-align: center;
				color: white;
				font-size: 50px;
					text-shadow:0px 0px 10px white,
								0px 0px 20px white,
								0px 0px 60px #8B008B,
								0px 0px 50px #8B008B,
								0px 0px 40px #8B008B,
								0px 0px 30px #8B008B,
								0px 0px 20px #8B008B;
			}
			.p5{
				text-align: center;
				color: black;
				font-size: 50px;
				text-shadow: 0px 1px 0 white;
			}
			.p6{
				text-align: center;
				color: white;
				font-size: 50px;
				  text-shadow: 1px 1px 1px #000, -1px -1px 1px #fff;
			}
			.p7{
				text-align: center;
				color: orange;
				font-size: 50px;
				 text-shadow: 0px 0px 5px orange;
			}
			.p8{
				text-align: center;
				color: orange;
				font-size: 50px;
				 text-shadow: 1px 1px 1px orange, -1px -1px 1px darkorange,0px 0px 5px orange;
			}
			.p9{
				text-align: center;
				color: white;
				font-size: 50px;
				text-shadow: 1px 2px 1px white;
			}
			.p10{
				text-align: center;
				color: white;
				font-size: 50px;
				text-shadow: 2px 2px 1px black,4px 4px 2px white;
			}
			.p11{
				text-align: center;
				color: gold;
				font-size: 50px;
				text-shadow: 0px 0px 2px gold;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<p class="p1">TEXT SHADOW</p>
			<p class="p2">描边文字</p>
			<p class="p3">外发光</p>
			<p class="p4">外发光</p>
			<p class="p5">内投影</p>
			<p class="p6">浮雕</p>
			<p class="p7">模糊</p>
			<p class="p8">模糊浮雕</p>
			<p class="p9">立体文字</p>
			<p class="p10">VINTGE/RETRO</p>
			<p class="p11">ANAGLYPHIC</p>
		</div>
	</body>
</html>
